<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    var borderwidth = 1;
    var tablewidth = 400;
    var tableheight =400;
    document.write("<table border = '"+borderwidth+"' width = '"+tableheight+"'height = '"+tableheight+"'>");
    for(var i = 0; i < 4; i++){
        document.write("<tr>") 
        for(var j = 0; j < 4; j++)
        {
            document.write("<td>");
            document.write("&nbsp;&nbsp;22");
            document.write("</td>")
        }
        document.write("</tr>")
    }
    document.write("</table>");
</script>
</html>